<template>
  <div>
    <el-container>
      <el-header>Header</el-header>
      <el-container>
        <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
          <el-menu :default-openeds="['2', '3']" :router="true">
            <el-submenu v-for="menu in menus" :key="menu.mid" :index="menu.mid+''">
              <template slot="title"
                ><i class="el-icon-message"></i>{{ menu.mname }}</template
              >
              <el-menu-item-group>
                <el-menu-item v-for="submenu in menu.children" :key="submenu.mid" :index="submenu.path"> {{submenu.mname}} </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <!-- <el-submenu index="1">
              <template slot="title"
                ><i class="el-icon-message"></i>学生管理</template
              >
              <el-menu-item-group>
                <el-menu-item index="/studentList"> 学生列表 </el-menu-item>
                <el-menu-item index="1-2">学生考勤</el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title"
                ><i class="el-icon-message"></i>员工管理</template
              >
              <el-menu-item-group>
                <el-menu-item index="/employeeList">员工列表 </el-menu-item>
                <el-menu-item index="/employeeAdd">员工新增 </el-menu-item>
              </el-menu-item-group>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title"
                ><i class="el-icon-message"></i>权限管理</template
              >
              <el-menu-item-group>
                <el-menu-item index="/menuList">菜单列表 </el-menu-item>
                <el-menu-item index="/roleList">角色列表 </el-menu-item>
              </el-menu-item-group>
            </el-submenu> -->
          </el-menu>
        </el-aside>
        <el-main><router-view /></el-main>
      </el-container>
    </el-container>
  </div>
</template>


<script>
export default {
  data() {
    return{
      menus: []
    }
  },
  mounted() {
    this.$axios.get("/menu/getByEid").then((resp) => {
      if (resp.data.code == 200) {
        this.menus = resp.data.data;
      }
    });
  },
};
</script>

//样式
<style>
</style>